﻿.movie-class {text-align:left; float:left;font-style:italic;}

.movie-lang{float:left;width:100%;font-weight:bold}
.movie-plot{float:left;width:100%;height:100%}

.posterimg
{
    width:200px;
    height:250px;
    vertical-align:middle;
    text-align:center;
}

.posterimg1
{
    width:500px;
    height:750px;
    vertical-align:middle;
    
}
       
.movie-container
{
    float:left;
    width:200px;
    height: 250px;
    
    text-align:center;
}
       
.movie-section
{
    width:100px;
    height: 100px;
	position: relative;
    
}
       
.movie-section > .front
{
    line-height:200px; 
    background: #fffeff;
}
.movie-section:hover .front
{
    display:none
}
.movie-section > .back
{
    display:none;
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: #dfdedf;
}
.movie-section:hover .back
{
    display:block
}